audio {
    display: none;
}

* {
    padding: 0;
    margin: 0;
}

.nav {
    width: 100%;
    height: 40px;
    margin: 0 auto;
    background-color: rgba(0, 0, 0, 0.852);
}

/* .ul>li {
    list-style-type: none;
    float: left;
} */
li {
    float: left;
    display: inline;
    color: aliceblue;
    /* margin-right: 15px; */
    padding-top: 10px;
    padding-right: 30px;
    /* padding-left: 30px; */
}

a {
    text-decoration-line: none;
    color: aliceblue;
}

body {
    /* height: 100em;
    width: 100%; */
    background-color: rgba(0, 0, 0, 0.756);
}

/* .body-1 {
    width: 300px;
    height: 250px;
    background-color: aqua;
    padding-top: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
} */

.body-1,
.body-2,
.body-3,
.body-4,
.body-5,
.body-6,
.body-7,
.body-8,
.body-9,
.body-10,
.body-11,
.body-12,
.body-13,
.body-14,
.body-15,
.body-16,
.body-17,
.body-18,
.body-19,
.body-20 {
    height: 250px;
    width: 350px;
    float: left;
    margin-top: 20px;
    /* margin-bottom: 20px; */
    margin-left: 20px;
    background-color: #fff;
    border-style: none;
}

.body-1 {
    background-image: url(./img/c-1\ \(1\).jpg);
    background-size: 100% 100%;
}

.body-2 {
    background-image: url(./img/c-1\ \(2\).jpg);
    background-size: 100% 100%;
}

.body-3 {
    background-image: url(./img/c-1\ \(3\).jpg);
    background-size: 100% 100%;
}

.body-4 {
    background-image: url(./img/c-1\ \(4\).jpg);
    background-size: 100% 100%;
}

.body-5 {
    background-image: url(./img/c-1\ \(5\).jpg);
    background-size: 100% 100%;
}

.body-6 {
    background-image: url(./img/c-1\ \(6\).jpg);
    background-size: 100% 100%;
}

.body-7 {
    background-image: url(./img/c-1\ \(7\).jpg);
    background-size: 100% 100%;
}

.body-8 {
    background-image: url(./img/c-1\ \(8\).jpg);
    background-size: 100% 100%;
}

.body-9 {
    background-image: url(./img/c-1\ \(9\).jpg);
    background-size: 100% 100%;
}

.body-10 {
    background-image: url(./img/c-1\ \(10\).jpg);
    background-size: 100% 100%;
}

.body-11 {
    background-image: url(./img/c-1\ \(11\).jpg);
    background-size: 100% 100%;
}

.body-12 {
    background-image: url(./img/c-1\ \(12\).jpg);
    background-size: 100% 100%;
}

.body-13 {
    background-image: url(./img/c-1\ \(13\).jpg);
    background-size: 100% 100%;
}

.body-14 {
    background-image: url(./img/c-1\ \(14\).jpg);
    background-size: 100% 100%;
}

.body-15 {
    background-image: url(./img/c-1\ \(15\).jpg);
    background-size: 100% 100%;
}

.body-16 {
    background-image: url(./img/c-1\ \(16\).jpg);
    background-size: 100% 100%;
}

.body-17 {
    background-image: url(./img/c-1\ \(17\).jpg);
    background-size: 100% 100%;
}

.body-18 {
    background-image: url(./img/c-1\ \(18\).jpg);
    background-size: 100% 100%;
}

.body-19 {
    background-image: url(./img/c-1\ \(19\).jpg);
    background-size: 100% 100%;
}

.body-20 {
    background-image: url(./img/c-1\ \(20\).jpg);
    background-size: 100% 100%;
}





.nei-1,
.nei-2 {
    width: 100%;
    height: 20px;
    text-align: center;

}

.wen {
    height: 250px;
    width: 350px;
    line-height: 480px;
    color: #fff;
}